<template>
 <!-- vue组件模板中一定要有一个根元素(不支持碎片化模板) -->
  <div class="App"> 
    <h1 class="content">我是App组件</h1>
  <Count/>
  </div>
</template>

<script>
import Count from "@/components/Count"
export default {
name:"App",
components:{
  Count
}
}
</script>

<style scoped>
.App {
  border: 1px solid #000;
}
.content {
  background: pink;
}

.App >>>.count {
  background: yellow;
}
</style>